<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <style>
        .navbar-brand {
            width: 241px;
            height: 63px;
            background: url("images/logo0.png") no-repeat;
        }

        @media (max-width:768px) {
            .navbar-brand {
                width: 241px;
                height: 63px;
                background: url("images/logo.ico") no-repeat;
            }
            .xs-left{
               text-align: left;
           }
           .lianjie{
               margin-top: 0px;
           }
           .tel{
               margin-top: 0px;
           }
        }

    </style>
</head>

<body>
    <div class="container">
        <div class="navbar navbar-default">
            <div class="navbar-header">
                <a href="#" class="navbar-brand"></a>
                <button class="navbar-toggle" data-target="#collapse" data-toggle="collapse">
                    <span class="sr-only">Toggle Navbar</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="select">
                        <a href="#">
                            首页
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            关于公司
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            产品展示
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            招商加盟
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            联系我们
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/banner11.jpg" alt="...">
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <img src="images/banner22.jpg" alt="...">
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <img src="images/banner33.jpg" alt="...">
                <div class="carousel-caption">

                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="home-content">
        <h3>企业精神</h3>
        <div class="home-content-wrap">
            <div class="characteristic row">
                <div class="col-md-3 col-sm-6">
                    <div class="characteristic_icon">
                        <img src="images/pinpai.png" alt="pinpai">
                    </div>
                    <p class="title ">品质</p>
                    <p class="sm-title">品质是品牌的发展基石</p>
                    <p class="sm-title">坚持好品质,必定铸就优质品牌</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="characteristic_icon">
                        <img src="images/keji.png" alt="keji">
                    </div>
                    <p class="title ">科技</p>
                    <p class="sm-title">科技是品牌的助推力</p>
                    <p class="sm-title">只有不断科技创新,才能不会被淘汰</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="characteristic_icon">
                        <img src="images/chengxin.png" alt="chengxin">
                    </div>
                    <p class="title ">诚信</p>
                    <p class="sm-title">诚信是品牌的防护盾</p>
                    <p class="sm-title">诚信企业,放心品牌才能走的更长久</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="characteristic_icon">
                        <img src="images/gongying.png" alt="gongying">
                    </div>
                    <p class="title ">共赢</p>
                    <p class="sm-title">共赢是品牌的生命力</p>
                    <p class="sm-title">与客户共赢,与员工共赢与企业共赢</p>
                </div>
            </div>

            <div class="product">
                <h4>产品展示</h4>
                <p class="line"></p>
                <div class="product-show row">
                <div class="col-md-4 col-sm-6">
                    <img src="images/item01.jpg" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <img src="images/item02.jpg" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <img src="images/item03.jpg" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <img src="images/item04.jpg" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <img src="images/item05.jpg" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <img src="images/item06.jpg" alt="">
                </div>
            </div>
        </div>
        </div>
    </div>

    <div class="bottom row">
        <div class="footer">
            <div class="xs-left col-md-3 col-sm-6 col-xs-12  center ">
                <img src="images/logo3.png" alt="">
            </div>
            <div class="content-center col-md-6 col-sm-6 col-xs-12 center xs-left">
                <div class="lianjie row">
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <a href="">关于公司</a>
                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <a href="">产品展示</a>
                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <a href="">招商加盟</a>
                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-12">
                            <a href="">联系我们</a>
                        </div>
                        <p  class="copyright">
                            版权所有©木兮实业有限公司 鄂ICP备18011650号
                        </p>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 col-xs-12 center xs-left tel">
                    <p class="col-md-12 col-sm-4 " >
                        027-83622296
                    </p>
                    <p class="col-md-12 col-sm-4" >
                        13387576980
                    </p>
                    <p class="col-md-12 col-sm-4" >
                        yt15yi@163.com
                    </p>
            </div>
        </div>
    </div>
    <div class="erweima">
        <img src="images/二维码.jpg" alt="">
    </div>
    <a href="../../index.html">
        <button id="back" type="button">返回</button>
    </a>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>